
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:wicket="http://wicket.apache.org">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>SignIn</title>
        <!--<link rel="stylesheet" type="text/css" href="stylelogo.css"/>-->
        <style type="text/css">
            body{
                width: 300px;
                height: 400px;
                background-color: paleturquoise;
            }
            .middle{
                width: 400px;
                height: 300px;
                margin: 140px 0 0 400px;
                padding-left:40px;
                padding-top: 60px;
                border:1px mediumblue;
                border-style:ridge;
                background-color:#15c;
                text-decoration: blink;
                color: white;
            }
            .middle-text{
                text-align: justify;
                text-align: center;
                padding-top: 10px;
                font: 60px cursive;
                font-family:Monotype Corsiva;
            }
            .middle-image{
                width: 120px;
                height: 151px;
                padding-left: 30px;
            }
            h1{
            text-align: justify;
            text-align: center;
            padding-top: 10px;
            margin: 30px 0 0 100px;
            font: 60px cursive;
            font-family:Monotype Corsiva;
            color: white;
        }
        </style>
    </head>
    <body>
        <div class="middle">
            <div class="middle-text"> <i>Please, log in!</i>
        </div>
            <!--<div class="middle-image"><img src="pensil.jpg"></img></div>-->
    <p>
    
    </p>
    <p>
    <form wicket:id = "signInForm">
        <table>
            <tr>
              <td align = "right">Username:</td>
              <td>
                <input wicket:id = "username" type = "text" value = "foo@goo.moo" size = "30"/>
              </td>
            </tr>
            <tr>
              <td align = "right">Password:</td>
              <td>
                <input wicket:id = "password" type = "password" value = "password" size="30"/>
              </td>
            </tr>
            <tr>
              <td></td>
              <td>
                <input type = "submit" value = "Sign In"/>
              </td>
            </tr>
          </table>    
    </form>
    </p>
    <span style="color: deeppink" wicket:id = "feedback"/>
    </div>
</body>
</html>
